<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算页</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/common/css/comm.css" />
    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/common/css/pay.css" />
    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/pubg/css/theme.css" />

    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/common/css/common.css?v=20170727" />
    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/common/css/style.css" />
    <link rel="stylesheet" href="//mall.qq.com/fonts/iconfont.css" />
    <link rel="stylesheet" href="//js01.daoju.qq.com/zb/pubg/css/theme.css" />
    <style>
        .prop {
            background: #eaeaea;
            border: none;
            padding-left: 18px;
            height: 30px;
            width: 140px;
            outline: none;
            color: #777;
        }
    </style>
</head>

<body>
    <div class="tou"></div>
    <div>
        <div class="order-bg" style="margin-top: 200px;">
            <div class=" order-cont mid" style="width: 1300px;">
                <strong>选择收货地址</strong>
                <div id="blk_pay_address">
                    <div class="address-list">
                        <ul class="clearfix dizhi">

                            <li class="tj">
                                <a id="btn_pay_address_add" href="javascript:;"><em></em><b>新增收货地址</b></a>
                            </li>
                        </ul>
                        <div id="blk_pre_mob">
                        </div>
                        <!-- 大区 -->
                        <div class="popup" id="popup_pay_address"
                            style="width: 580px; display: none; visibility: visible; position: fixed; z-index: 9999; left: 50%; top: 50%; margin-top: -225px; margin-left: -291px;"
                            data-milodialog="1" role="dialog" tabindex="-1">
                            <a class="popup-close" title="关闭"><i class="comicon i-close"></i></a>
                            <div class="popup-main" id="blk_popup_pay_address">
                                <h4>新增收货地址( <span style="color:red;">*</span> 为必填项)</h4>
                                <div class="popup-error" style="margin: 10px auto 0;text-align: center;color:red;">
                                </div>
                                <div class="popup-con" style="margin-top:10px;">
                                    <div class="popup-form">
                                        <form id="fm_pay_address">
                                            <input type="hidden" value="" name="id">
                                            <input type="hidden" value="" name="default">
                                            <input type="hidden" value="" name="region" verifyreg="^.{1,100}$"
                                                verifyerrmsg="所在地区为必填项">
                                            <div class="form-group clearfix">
                                                <label class="fl"><span style="color:red;">*</span>收件人</label>
                                                <input class="fl wth400" value="" placeholder="收件人" name="name"
                                                    verifyreg="^.{1,20}$" verifyerrmsg="收件人为必填项, 且最多20个字符">
                                            </div>
                                            <div class="form-group clearfix zd10">
                                                <label class="fl"><span style="color:red;">*</span>所在地区</label>
                                                <div id="blk_popup_pay_address_region">
                                                    <select name="" id="pro" class="prop">
                                                        <option value=""> 请选着城市</option>
                                                    </select>
                                                    <select name="" id="pro2" class="prop">
                                                        <option value=""> 请选着城市</option>
                                                    </select>
                                                    <select name="" id="pro3" class="prop">
                                                        <option value=""> 请选着区</option>
                                                    </select>

                                                </div>
                                            </div>
                                            <div class="form-group clearfix">
                                                <label class="fl"><span style="color:red;">*</span>收件人地址</label>
                                                <input class="fl wth400" value="" placeholder="收件人地址" name="detail"
                                                    verifyreg="^.{1,100}$" verifyerrmsg="收件人地址为必填项, 且最多100个字符">
                                            </div>
                                            <div class="form-group clearfix">
                                                <label class="fl"><span style="color:red;">*</span>手机号码</label>
                                                <input class="fl wth140" value="" placeholder="手机号码" name="mobile"
                                                    verifyreg="^\d{11}$" verifyerrmsg="手机号码为必填项, 只能输入11位数字">
                                                <label class="fl ml20">固定电话</label>
                                                <input class="fl wth140" value="" placeholder="固定电话" name="tel"
                                                    verifyreg="^[\d\-]{0,12}$" verifyerrmsg="固定电话只能输入数字和-字符, 最多12位">
                                            </div>
                                            <div class="form-group clearfix">
                                                <label class="fl">邮政编码</label>
                                                <input class="fl wth140" value="" placeholder="邮政编码" name="zip"
                                                    verifyreg="^\B|\d{6}$" verifyerrmsg="邮编只能输入6位数字">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="popup-con">
                                <div class="popup-btnbox ml0 mb30">
                                    <a id="btn_pay_address_submit" href="javascript:;" class="popup-btn btn-sure">确认</a>
                                </div>
                            </div>
                        </div>
                        <div id="blk_pay_zone"></div>
                        <div class="order-goods">
                            <div class="cart-supplier clearfix" id="blk_pay_goods"> <strong>确认商品信息</strong>
                                <div class="order-details">
                                    <table>
                                        <colgroup>
                                            <col width="150">
                                            <col width="380">
                                            <col width="100">
                                            <col width="200">
                                            <col width="200">
                                            <col width="200">
                                        </colgroup>
                                        <thead>
                                            <tr>
                                                <th colspan="3">商品信息</th>
                                                <th>单价（元）</th>
                                                <th>数量</th>
                                                <th>金额（元）</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                        </tbody>
                                    </table>
                                    <p>订单备注:<input id="remark" value=""></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order-discount mid">
                        <div id="blk_pay_coupon" class="voucher-1"> </div>
                        <div id="blk_pay_judou" class="voucher-1"></div>
                        <div class="purchase purchase1">
                            <div id="blk_pay_total">
                                <ul class="clearfix">
                                    <li>VIP抵扣</li>
                                    <li class="t1">- 0.00 元</li>
                                    <li>优惠券</li>
                                    <li class="t1">- 0.00 元</li>
                                    <li>聚豆抵扣</li>
                                    <li class="t1">- 0.00 元</li>
                                    <li>运费：</li>
                                    <li class="t1">0.00 元</li>
                                    <li>实付款（含运费）</li>
                                    <li class="t1"><b>168.00 元</b></li>

                                </ul>
                                <div class="clearfix purchase-btn">
                                    <a href="javascript:;" title="提交订单" id="btn_pay_submit" class="dd-btn">提交订单</a>
                                    <a href="./gwc.html" title="返回购物车修改" class="xg-btn">返回购物车修改</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wei"></div>
            <script src="../js/jquery-1.10.1.min.js"></script>
            <script src="../js/sun.js"></script>
            <script src="../layui/layui.js"></script>
            <script>
                $('#btn_pay_submit').on("click", function () {
                    layui.use(['layer', 'form'], function () {
                        layer.alert('结算失败，您的余额不足')
                    })
                })
            </script>
</body>

</html>